/*  BASIC CSS 
*   Author:Sandra Elspass
*   Author URI: http://www.webpages.de
*   Version: 1.0
*   Projekt: Backenddummy
*   
*   Hier sollte nichts verändert werden. Die basic.css dient auschliesslich für das Grundgerüst.  
*   Sollte etwas am Grundgerüst verändert werden, muss dies in der ce.css gemacht werden.
*   Somit behält man immer einen Standard bei, der einfach nur für ein Spezielles Layout angepasst werden muss.
*/
@media screen{

/************************* reset css *************************/
*{margin:0;padding:0;}option{padding-left:.4em;}* html body *{overflow:visible;}* html iframe,* html frame{overflow:auto;}* html frameset{overflow:hidden;}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;}HTML5 display-role reset for older browsers article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:none;}table{border-collapse:collapse;border-spacing:0;}img{border:none;}a{text-decoration:none;color:#000;}a:hover{/*text-decoration:underline;*/}.page_margin,.page,#header{position:relative;}
a{color: #00DAFA; outline: none;}
/************************* Allgemeine Layoutanpassungen *************************/
body{font-size: 14px;background: #000; text-align: center; font-family: 'Asap', sans-serif; color: #a0a0a0; }}
.page_margins{text-align:left;width:960px;background:#01333b;margin:0 auto;}
.page{padding:10px;}
#header{color:#000;padding:20px 0;}
#topnav{float:right; font-size: 14px;}
#mainNav{overflow:hidden;clear:both;}
#main{overflow:hidden;clear:both;padding:20px 0;}
#footer{background:#035462;color:#fff;padding:10px;font-size: 12px;}
#footer p{margin: 0;padding: 2px 0;}
/************************* Spaltenaufteilung *************************/
/************************* Zwei Spalten Layout *************************/
.content_two_col{width:100%;}
.content_two_col .col1,.content_two_col .col2{float:left;width:50%;margin:0;}
.content_two_col .col2 .col2_content,.content_two_col .col1 .col1_content{padding:20px;}

/************************* Drei Spalten Layout *************************/
.content_three_col{width:100%;}
.content_three_col .col1,.content_three_col .col2,.content_three_col .col3{float:left;width:33%;margin:0;}
.content_three_col .col1 .col1_content,.content_three_col .col2 .col2_content,.content_three_col .col3 .col3_content{padding:20px;}

/************************* Subcols im Contentbereich *************************/
/************************* Zwei Spalten *************************/
.subCol50{clear:both;overflow:hidden;}
.subCol50 .coll,.subCol50 .colr{width:50%;float:left;}
.subCol50 .coll .inner,.subCol50 .colr .inner{border-right:1px solid #000;padding:10px;}

/************************* drei Spalten *************************/
.subCol33{clear:both;overflow:hidden;}
.subCol33 .coll,.subCol33 .colc,.subCol33 .colr{width:33.3%;float:left;}
.subCol33 .coll .inner,.subCol33 .colc .inner,.subCol33 .colr .inner{border-right:1px solid #000;padding:10px;}

/************************* vier Spalten *************************/
.subCol25{clear:both;overflow:hidden;}
.subCol25 .coll,.subCol25 .colcl,.subCol25 .colcr,.subCol25 .colr{width:25%;float:left;}
.subCol25 .coll .inner,.subCol25 .colcl .inner,.subCol25 .colcr .inner,.subCol25 .colr .inner{border-right:1px solid #000;padding:10px;}

/************************* Überschriften *************************/
h1,h2,h3,h4,h5,h6{}
h1{font-size:20px;margin:20px 0;}
h2{font-size:18px;margin:20px 0;}
h3{font-size:16px;margin:15px 0;}
h4{font-size:14px;margin:15px 0;}
h5{font-size:12px;margin:10px 0;}
h6{font-size:10px;margin:10px 0;}

/************************* Bilder *************************/    
img{border:none;margin:0;}

/*************************Textauszeichnungen *************************/
p{margin:0 0 10px;}
span.bold{font-weight:700;}
.note{font-style:italic;}
.important{color:red;font-weight:700;}
.warning{color:red;}
.floatbox{clear:both;overflow:hidden;}
.float_left{float:left;}
.float_right{float:right;}
.center{text-align:center;}
.error{color:#f00;}
}

